<?php
/*  Objetivo:hacer un seguimiento a todas las necesidades de los usuario 
    Archivo: ConsolidadoDeteccion.php
    Descripción: tabla con todas las solicitudes con la opcion de filtrar por estado area  de servicio y rango de fechas 
    tambien cuenta con la opcion de agregar observaciones para el funcionario 
    Fecha: __________________
    Desarrollador: Andrea Martinez V.
*/	
  session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         
         echo '
                <center>
                    <title>Consolidado Detección De Necesidades</title>
                    <table>
                        <tr>
                            <td>';
                         include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>";
?>
<html>
    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="jquery-1.9.1.min.js"></script>
         <!--Librerias de la botoneria y pop-up-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../Modal/css/bootstrap.min.css" rel="stylesheet">
        <script src="../Modal/js/bootstrap.min.js"></script>
      
        
        <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        <!--Librerias Para La Creacion De Autocomple-->
        <script type="text/javascript" src="../js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../js/jquery-ui-1.8.4.custom.min.js"></script>
        <link type="text/css" rel="stylesheet" href="../css/jquery-ui-1.8.4.custom.css" />
        <link type="text/css" rel="stylesheet" href="../css/estilo.css" />
        
        <style>
            #detalles{
                font-size: 90%;padding: 20px 20px 20px;overflow:hidden;width:98%;height:auto;margin:1% auto 0;-moz-border-radius:8px; /* FF1+ */-webkit-border-radius:8px; /* Saf3-4 */border-radius:8px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
               
            }
            
            #soli{
                font-size: 90%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;height: 58%;margin:auto auto 0;-moz-border-radius:8px; /* FF1+ */-webkit-border-radius:8px; /* Saf3-4 */border-radius:8px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
               
            }
            #conducta{
                font-size: 90%;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;height: 150%;margin:-6.5% auto 0;-moz-border-radius:8px; /* FF1+ */-webkit-border-radius:8px; /* Saf3-4 */border-radius:8px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);   
            }
            #titulo1{
                 height: 10px;text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;
            }
            #titulo{
                 height: 1px;text-align:center;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); background:#e8eaeb;
            }
            #filas{
                padding:10px 10px 10px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));                                   
                
            }
            #filas2{
                padding:10px 10px 1px; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));                                   
                
            }
            
            #tseguimiento3{
                font-size: 100%;padding: 5px 5px 5px 5px ;overflow:hidden;border:1px solid #d3d3d3;background:#fefefe;width:100%;height: auto;margin:auto auto 0 0;-moz-border-radius:8px; /* FF1+ */-webkit-border-radius:8px; /* Saf3-4 */border-radius:8px;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);

            }
            label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}label{display:block;margin-bottom:5px}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:28px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}input,textarea,.uneditable-input{width:250px}textarea{height:auto}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;*margin-top:0;line-height:normal}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto}select,input[type="file"]{height:30px;*margin-top:4px;line-height:30px}select{width:250px;background-color:#fff;border:1px solid #ccc}select[multiple],select[size]{height:auto}select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.uneditable-input,.uneditable-textarea{color:#999;cursor:not-allowed;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025)}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}.radio,.checkbox{min-height:20px;padding-left:20px}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px}.input-mini{width:60px}.input-small{width:90px}.input-medium{width:150px}.input-large{width:210px}.input-xlarge{width:270px}.input-xxlarge{width:530px}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:926px}input.span11,textarea.span11,.uneditable-input.span11{width:846px}input.span10,textarea.span10,.uneditable-input.span10{width:766px}input.span9,textarea.span9,.uneditable-input.span9{width:686px}input.span8,textarea.span8,.uneditable-input.span8{width:606px}input.span7,textarea.span7,.uneditable-input.span7{width:526px}input.span6,textarea.span6,.uneditable-input.span6{width:446px}input.span5,textarea.span5,.uneditable-input.span5{width:366px}input.span4,textarea.span4,.uneditable-input.span4{width:286px}input.span3,textarea.span3,.uneditable-input.span3{width:206px}input.span2,textarea.span2,.uneditable-input.span2{width:126px}input.span1,textarea.span1,.uneditable-input.span1{width:46px}.controls-row{*zoom:1}.controls-row:before,.controls-row:after{display:table;line-height:0;content:""}.controls-row:after{clear:both}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
            
            .containerTabla {
                margin-left: -560px;
                width: 640px;
            }
            
            .login {
              position: relative;
              margin: 0 auto;
              padding: 20px 20px 20px;
              width: 1180px;
              height: 460px;
              background: white;
              border-radius: 3px;
              -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
            }
            
            .login:before {
              content: '';
              position: absolute;
              top: -8px;
              right: -8px;
              bottom: -8px;
              left: -8px;
              z-index: -1;
              background: rgba(0, 0, 0, 0.08);
              border-radius: 4px;
            }
            
            .login h1 {
              margin: -20px -20px 21px;
              line-height: 40px;
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            .login h2 {
              line-height: 40px;
              font-size: 11px;
              font-weight: bold;
              color: #555;
              text-align: center;
              text-shadow: 0 1px white;
              background: #f3f3f3;
              border-bottom: 1px solid #cfcfcf;
              border-radius: 3px 3px 0 0;
              background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
              background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
              background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
              -webkit-box-shadow: 0 1px whitesmoke;
              box-shadow: 0 1px whitesmoke;
            }
            
            #titulo {
                font-size: 100%;
                color: #323133;
            }
            
             #titulos{
                  height: 8%;
                  background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
                  background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); 
                  background:#e8eaeb;
            }
            .exterior{
                float:center;
                border:0;
                clear: both;
                width:99%;
                height:30px;
                padding: 0;
                overflow:hidden;
                position: static;
            }
           .interior {
               font-size: 80%;
                float:left;
                border:0;
                clear: both;
                width:100%;
                height:300px;
                padding: 0;
                overflow-x: hidden;
                overflow-y:scroll; 
                position: static;
                border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
           .interior2 {
                float:left;
                border:0;
                clear: both;
                width:100.4%;
                height:450px;
                padding: 0;
                overflow-x: hidden;
                overflow-y:scroll; 
                position: static;
                border-style: solid; border-width: 1px;border-color:#E6E6E6
            }
            thead.fixedHeader th {
                width:200px;
                font-family:arial;
                font-size:0.8em;
                background-color: #f3f3f3;
                color: #555;
            }
           
            tbody.scrollContent td {
                width:200px;
                font-family:arial;
                font-size:0.7em;
                text-align: center;
            }
            .black_overlay{
                display: none;
                position: absolute;
                top: 0%;
                left: 0%;
                width: 100%;
                height: 100%;
                background-color: black;
                z-index:1001;
                -moz-opacity: 0.8;
                opacity:.80;
                filter: alpha(opacity=80);
            }
            
        </style>
        
        <script>
            function CargarArea(){
            var tc = 4;
                 $.ajax({
                    type: "POST",
                    contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                    url: "../../Bitacora/Controlador/Consultas/BllTipoNecesidad.php",
                    data:{tc:tc},
                    success: DatoArea,
                    timeout: 4000
                });
        }
        
        function DatoArea(datos){
            rpt = $.parseJSON(datos);
            $("#Area").html('<option value="">---</option>');
            datos = $("#Area");
                for(dat in rpt ){
                    datos.append("<option value='"+ rpt[dat].Oid +"'>"+ rpt[dat].TnDescripcion +"</option>");
                }
        }
        
        function ConsultarEstado(n){
            if(n == 0){
                var Esta = "";
            }else{
                Esta = n;
            }
        
            $("#Estado").val(Esta);
            var FechaInicial = $("#FechaInicial").val();
            var FechaFinal = $("#FechaFinal").val();
            var Area = $("#Area").val();
            var tc = 6;
            var Estado = $("#Estado").val();
           
            $.ajax({
                     async: true,
                     type:"POST",
                     datatype: "json",
                     contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                     url: "../../Bitacora/Controlador/Consultas/BllSolicitud.php",
                     data:{tc:tc,FechaInicial:FechaInicial,FechaFinal:FechaFinal,Estado:Estado,Area:Area},
                     success: DatosEstado
                   });
               
        }
        
        function DatosEstado(datos){
                var Estado = $("#Estado").val();
                document.getElementById("Todo").innerHTML = 'Todo';
                document.getElementById("Registrado").innerHTML = 'Registrado';
                document.getElementById("Asignado").innerHTML = 'Asignado';
                document.getElementById("Tramite").innerHTML = 'En Tramite';
                document.getElementById("TramiteCliente").innerHTML ='En Tramite Por El Cliente';
                document.getElementById("Respuesta").innerHTML ='Con Respuesta';
                document.getElementById("Verificado").innerHTML ='Verificados';
                document.getElementById("Aceptado").innerHTML ='Aceptados';
                document.getElementById("Derrogado").innerHTML ='Derrogados';
                if(Estado == 0){
                    document.getElementById("Todo").innerHTML = '<b><font color=blue><u>Todo</u></font></b>';
                }else if(Estado == 1){
                    document.getElementById("Registrado").innerHTML = '<b><font color=blue><u>Registrado</u></font></b>';
                }else if(Estado == 2){
                    document.getElementById("Asignado").innerHTML = '<b><font color=blue><u>Asignado</u></font></b>';
                }else if(Estado == 3){
                    document.getElementById("Tramite").innerHTML = '<b><font color=blue><u>En Tramite</u></font></b>';
                }else if(Estado == 7){
                    document.getElementById("TramiteCliente").innerHTML ='<b><font color=blue><u>En Tramite Por El Cliente</u></font></b>';
                }else if(Estado == 4){
                    document.getElementById("Respuesta").innerHTML ='<b><font color=blue><u>Con Respuesta</u></font></b>';
                }else if(Estado == 8){
                    document.getElementById("Verificado").innerHTML ='<b><font color=blue><u>Verificados</u></font></b>';
                }else if(Estado == 5){
                    document.getElementById("Aceptado").innerHTML ='<b><font color=blue><u>Aceptados</u></font></b>';
                }else if(Estado == 6){
                    document.getElementById("Derrogado").innerHTML ='<b><font color=blue><u>Derrogados</u></font></b>';
                }
                $("#DatosSolicitud").text("");
                rpt = $.parseJSON(datos);
                datos = $("#DatosSolicitud");
                var resp = "";
                var con = 1;
                resp += "<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                            <tbody class='scrollContent'>";
                 for(dat in rpt){
                        if(rpt[dat].USUSOLICITO == " "){
                           var Usuario = rpt[dat].USUREGISTRO;
                        }else{
                            Usuario = rpt[dat].USUSOLICITO;
                        }
                        resp += "<tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                       <td>\
                                           "+rpt[dat].OidSolicitud+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+rpt[dat].SsFechaC+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+rpt[dat].USUREGISTRO+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+rpt[dat].USUSOLICITO+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+rpt[dat].GDPNOMBRE+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+rpt[dat].TnDescripcion+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+rpt[dat].GeNombe+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           <img style='cursor:pointer' data-toggle='modal' data-target='#VentanaSolicitud' title='Ver el detalle de la solicitud' src='../imagen/vr.png' width='20' height='20' alt='vr' onclick='DetalleSolicitud("+rpt[dat].OidSolicitud+','+dat+");'/>\
                                           <input type='hidden' name='' value='"+rpt[dat].SsDescripcion+"' id='DescripcionSolicitud"+dat+"'/>\
                                           <input type='hidden' name='' value='"+rpt[dat].SsJustificacion+"' id='JustificacionSolicitud"+dat+"'/>\
                                           <input type='hidden' name='' value='"+rpt[dat].TcNombre+"' id='Pertinente"+dat+"'/>\
                                           <input type='hidden' name='' value='"+rpt[dat].PrNombre+"' id='PrioridadSolicitud"+dat+"'/>\
                                           <input type='hidden' name='' value='"+rpt[dat].SsFechaFin+"' id='FechaCumplido"+dat+"'/>\n\
                                           <input type='hidden' name='' value='"+Usuario+"' id='Nombre"+dat+"'/>\
                                       </td>\
                                    </tr> ";
                         con++;

                   } 
                   resp += "</table>";
                   datos.append(resp); 
                 }
                
        
        
        function Calendario(){
             $( "#FechaInicial" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi?rcoles', 'Jueves', 'Viernes', 'S?bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0"

                    });
                    $( "#FechaFinal" ).datepicker({ 
                     autoSize: true,
                     dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi?rcoles', 'Jueves', 'Viernes', 'S?bado'],
                     dayNamesMin: ['Dom', 'Lu', 'Ma', 'Mi', 'Je', 'Vi', 'Sa'],
                     firstDay: 1,
                     monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                     monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],
                     dateFormat: 'dd-mm-yy',
                     changeMonth: true,
                     changeYear: true,
                     yearRange: "-90:+0"

                    });
        }
        function DetalleSolicitud(OidSolicitud,Posi){
           document.getElementById("OidSolicitud").value = OidSolicitud;
           document.getElementById("Solicitante").innerHTML = $("#Nombre"+Posi).val();
           document.getElementById("Codigo").innerHTML = OidSolicitud;
           document.getElementById("Descripcion").innerHTML = $("#DescripcionSolicitud"+Posi).val();
           document.getElementById("Justificacion").innerHTML = $("#JustificacionSolicitud"+Posi).val();
           document.getElementById("Pertinencia").innerHTML = $("#Pertinente"+Posi).val();
           document.getElementById("Prioridad").innerHTML = $("#PrioridadSolicitud"+Posi).val();
           document.getElementById("FechaCumplimiento").innerHTML = $("#FechaCumplido"+Posi).val();
           CargarHistorial(OidSolicitud);
        }
        
        function CargarHistorial(OidSolicitud){
            var tc = 1;
            $.ajax({
                     async: true,
                     type:"POST",
                     datatype: "json",
                     contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                     url: "../../Bitacora/Controlador/Consultas/BllHistorial.php",
                     data:{tc:tc,OidSolicitud:OidSolicitud},
                     success: DatosHistorial
            });
        }
        
        function DatosHistorial(datos){
            $("#DatosHistorial").text("");
                rpt = $.parseJSON(datos);
                datos = $("#DatosHistorial");
                var resp = "";
                var con = 1;
                var Usuario = "";
                var conEst = 1;
                resp += "<table id='t2' class='t2' style='height:30%;width:100.2%;' border='0' cellpadding='2' cellspacing='0'>\
                            <tbody class='scrollContent'>";
                 
                 for(dat in rpt){
                         if(rpt[dat].OidEstado == 1 || rpt[dat].OidEstado == 4 || rpt[dat].OidEstado == 4 || rpt[dat].OidEstado == 8){
                         
                         Usuario = rpt[dat].USUARIO_REGISTRA;
                         
                     }else if(rpt[dat].OidEstado == 7){
                         
                         if(conEst > 1){
                             
                             Usuario = rpt[dat].USUARIO_REGISTRA;
                             
                         }else{
                             
                             Usuario = rpt[dat].USUARIO_ASIGNADO;
                             
                         }
                         
                         conEst++;
                         
                     }else{
                         
                         Usuario = rpt[dat].USUARIO_ASIGNADO;
                         
                     }
                        var Obs = rpt[dat].Observacion;
                        if(Obs == ""){
                            var Observacion = "<img style='cursor:pointer' data-toggle='modal' data-target='#VentanaObservacion' title='Ver el detalle de la solicitud' src='../imagen/vr.png' width='20' height='20' alt='vr' onclick='AgregarObservacion("+rpt[dat].OidHistorial+','+dat+")'/>";
                        }else{
                                Observacion = "<div style='cursor:pointer' data-toggle='modal' data-target='#VentanaObservacion' title='Ver el detalle de la solicitud' onclick='AgregarCampoObservacion("+rpt[dat].OidHistorial+','+dat+")'>"+rpt[dat].Observacion+"</div>\
                                               <input type='hidden' id='CampoObservacion"+dat+"' name='' value='"+rpt[dat].Observacion+"' />\ ";
                        }
                        resp += "<tr id='trt' class='trt' style=' padding:0.5px 5px 0.5px;border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0;background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));'>\
                                       <td>\
                                           "+rpt[dat].Hssfecha+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+rpt[dat].GeNombe+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+Usuario+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           "+rpt[dat].HssObservaciones+"\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                           No Adjuntos\
                                       </td>\
                                       <td style='text-transform: uppercase;'>\
                                          "+Observacion+"\
                                       </td>\
                                    </tr> ";
                         con++;

                   } 
                   resp += "</table>";
                   datos.append(resp); 
                   
        }
        function AgregarObservacion(OidHistorial,Posi){
            $("#OidHistorial").val(OidHistorial);
            $("#Posicion").val(Posi);
            
            
        }
        
        function AgregarCampoObservacion(OidHistorial,Posi){
            $("#OidHistorial").val(OidHistorial);
            $("#Posicion").val(Posi);
            var Obs = $("#CampoObservacion"+Posi).val();
            $("#ObservacionFuncionario").val(Obs);
        }
        
         function GuardarObservacion(){
            if($("#ObservacionFuncionario").val()===""){
                alertify.alert("Digite Una Observacion Para El Funcionario"),function(){
                 $("#ObservacionFuncionario").focus();   
            };
                return false;
            }else{
              var Observacion = $("#ObservacionFuncionario").val();
              var OidHistorial = $("#OidHistorial").val();
              var tc = 1;
             
             $.ajax({
                     async: true,
                     type:"POST",
                     datatype: "json",
                     contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                     url: "../../Bitacora/Controlador/Consultas/BllObservacionFuncionario.php",
                     data:{tc:tc,Observacion:Observacion,OidHistorial:OidHistorial},
                     success: MensajeObservacion
                });
            }
         }
         
         function MensajeObservacion(){
            var OidSolicitud = $("#OidSolicitud").val();
            alertify.success("Los Datos Se Guardaron Con Exito.");
            CargarHistorial(OidSolicitud);
            
         }
         
         function CancelarObservacion(){
             $("#ObservacionFuncionario").val("");
         }
        </script>
    </head>
    <body onload="ConsultarEstado(0);Calendario();CargarArea();">
        <div class="containerTabla">
            <div class="login">
                <table class="table">
                    <tr>
                        <td style="width: 15%">
                            <table class="table" style="font-size: 90%">
                                <tr>
                                    <td  id="titulos" align="center">
                                        <strong>Estados</strong>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="cursor: pointer;" onclick="ConsultarEstado(0);">
                                        <hr><a style="color: #555"><div id="Todo">Todo</div></a> 
                                    </td>
                                </tr>
                               <tr>
                                   <td style="cursor: pointer;" onclick="ConsultarEstado(1);">
                                       <hr><a style="color: #555" ><div id="Registrado">Registrado</div> </a> 
                                       
                                   </td>
                               </tr>
                               <tr>
                                   <td style="cursor: pointer" onclick="ConsultarEstado(2);">
                                       <hr><a style="color: #555"><div id="Asignado">Asignado</div></a> 
                                   </td>
                               </tr>
                               <tr>
                                   <td style="cursor: pointer" onclick="ConsultarEstado(3);">
                                       <hr><a style="color: #555"><div id="Tramite">En Tramite</div></a>
                                   </td>
                               </tr>
                               <tr>
                                   <td style="cursor: pointer" onclick="ConsultarEstado(7);">
                                       <hr><a style="color: #555"><div id="TramiteCliente">En Tramite Por El Cliente</div></a>
                                   </td>
                               </tr>
                               <tr>
                                   <td style="cursor: pointer" onclick="ConsultarEstado(4);">
                                       <hr><a style="color: #555"><div id="Respuesta">Con Respuesta</div></a> 
                                   </td>
                               </tr>
                               <tr>
                                   <td style="cursor: pointer" onclick="ConsultarEstado(8);">
                                       <hr><a style="color: #555"><div id="Verificado">Verificados</div></a> 
                                   </td>
                               </tr>
                               <tr>
                                   <td style="cursor: pointer" onclick="ConsultarEstado(5);">
                                       <hr><a style="color: #555"><div id="Aceptado">Aceptados</div></a> 
                                   </td>
                               </tr>
                               <tr>
                                   <td style="cursor: pointer" onclick="ConsultarEstado(6);">
                                       <hr><a style="color: #555"><div id="Derrogado">Derrogados</div></a> 
                                   </td>
                               </tr>
                            </table>
                        </td>
                        <td>
                            <table class="table" style="font-size: 90%">
                                <tr>
                                    <td id="titulos" align="center">
                                        <strong>CONSOLIDADO DETECCION DE NECESIDADES</strong>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <table>
                                            <tr>
                                                <td>
                                                    <div class="exterior" >
                                                        <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                            <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                <tr>
                                                                    <th>Codigo</th>
                                                                    <th>Fecha</th>
                                                                    <th>Registrado por</th>
                                                                    <th>Solicitado por</th>
                                                                    <th>Servicio</th>
                                                                    <th>Tipo de Necesidad</th>
                                                                    <th>Estado</th>
                                                                    <th>Ver</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                    <div class="interior" id="inte">
                                                       <div id="DatosSolicitud"></div>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td align="right">
                                                    <table  style="width: 60%" >
                                                        <tr>
                                                            <td style="padding-top: 5px">
                                                                <select name="" style="width: 150px"  id="Area">
                                                                    <option value="">---</option>
                                                                </select>
                                                            </td>
                                                            <td style="padding-top: 5px">
                                                                <input type="text" name="" value="" id="FechaInicial" style="width: 100px" placeholder="Fecha Inicial" />
                                                            </td>
                                                            <td style="padding-top: 5px">
                                                                <input type="text" name="" value="" id="FechaFinal" style="width: 100px" placeholder="Fecha Final"/>
                                                            </td>
                                                            <td>
                                                                <input type="button" value="Buscar" class="btn btn-success" onclick="ConsultarEstado();"/>
                                                            </td>
                                                            <td>
                                                                <input type="reset" value="Limpiar" class="btn btn-info" onclick="document.location.reload();"/>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="modal fade" id="VentanaSolicitud" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                         <h4 class="modal-title" id="myModalLabel">Detalle de la Solicitud Cliente Interno</h4>
                    </div>
                    <div class="modal-body">
                        <div style="height: auto;">
                            <form id="segsol">
                                <table id="detalles">
                                    <tr>
                                        <td>
                                            <table id="soli">
                                                <tr>
                                                    <td id="titulo1"  style="width: 20%">
                                                        SOLICITANTE:
                                                    </td>
                                                    <td id="filas">
                                                        <table  style="width: 100%; font-size: 10px">
                                                            <tr>
                                                                <td style="width: 90%">
                                                                    <div id="Solicitante"></div>
                                                                </td>
                                                                <td>
                                                                    CODIGO:
                                                                </td>
                                                                <td>
                                                                    <div id="Codigo"></div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td id="titulo1" colspan="2" style="height: 30px">
                                                        DESCRIPCION DE LA SOLICITUD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td id="filas" colspan="2">
                                                        <div id="Descripcion"></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td id="titulo1" colspan="2" style="height: 30px">
                                                        JUSTIFICACION
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td id="filas" colspan="2">
                                                        <div id="Justificacion"></div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td id="titulo1" colspan="2" style="height: 30px">
                                                        CONDUCTA DE LA SOLICITUD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <table style="width: 100%; font-size: 10px">
                                                            <tr>
                                                                <td id="titulo1">
                                                                    PERTINENCIA
                                                                </td>
                                                                <td id="filas">
                                                                    <div id="Pertinencia"></div>
                                                                </td>
                                                                <td id="titulo1">
                                                                    PRIORIDAD
                                                                </td>
                                                                <td id="filas">
                                                                    <div id="Prioridad"></div>
                                                                </td>
                                                                <td id="titulo1">
                                                                    FECHA CUMPLIMIENTO
                                                                </td>
                                                                <td id="filas">
                                                                    <div id="FechaCumplimiento"></div>
                                                                </td>
                                                                <td id="titulo1">
                                                                    OPORTUNIDAD
                                                                </td>
                                                                <td id="filas">
                                                                    <div id="Oportunidad"></div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" id="filas"></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" id="titulo1" colspan="2" style="height: 30px">
                                                        HISTORIAL DE LA SOLICITUD
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" id="filas"></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2">
                                                        <div class="exterior">
                                                            <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                    <tr>
                                                                        <th>Fecha</th>
                                                                        <th>Estado</th>
                                                                        <th>Usuario Asignado</th>
                                                                        <th>Observaciones</th>
                                                                        <th>Adjuntos</th>
                                                                        <th>Observacion Funcionario</th>
                                                                    </tr> 
                                                                </thead>
                                                            </table>
                                                        </div>
                                                        <div class="interior2" id="inte2" style="width: 850px;height: 170px">
                                                            <div id="DatosHistorial"></div>
                                                      </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </form>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="modal fade" id="VentanaObservacion" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" >
                <div class="modal-dialog modal-lg" style="padding: 100px">
                    <div class="modal-content" >
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="CancelarObservacion();">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">Observaciones Para El Funcionario</h4>
                        </div>
                        <div class="modal-body">
                            <div style="height: auto;">
                                <form id="segsol">
                                    <table>
                                        <tr>
                                            <td>
                                                <textarea name="" rows="4" cols="20" id="ObservacionFuncionario" style="height: 100px;width: 644px"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center">
                                                <input type="button" value="Aceptar" class="btn btn-success" onclick="GuardarObservacion();"/>
                                                <input type="button" value="Limpiar" data-dismiss="modal" aria-hidden="true" class="btn btn-info" onclick="CancelarObservacion();"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input type="hidden" name="" value="" id="OidHistorial"/>
                                                <input type="hidden" name="" value="" id="Posicion"/>
                                            </td>
                                        </tr>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <input type="hidden" name="" value="" id="Estado"/>
        <input type="hidden" name="" value="" id="OidSolicitud"/>
    </body>
</html>